<h1 class="ui header">Repair Result Statistics</h1>

<div class="ui grid" style="margin-top: 100px">
    <div class="five wide column">
        <div class="ui one wide column">
            <div class = "ui one column centered grid">
                <!--<h4 class="ui column center aligned">数据展示1</h4>-->
                <div id = "incomplete" style="width:100%; height:400px;">
                </div>
                <!--<canvas class="ui one column centered grid" style="width:100%; height:400px;"></canvas>-->
            </div>
        </div>
    </div>

    <div class="five wide column">
        <div class="ui one wide column " >
            <div class="ui one column centered grid">
                <!--<h4 class="ui column center aligned">数据展示2</h4>-->
                <div id = "inaccurate" style="width:100%; height:400px;">
                </div>
                <!--<canvas class="ui one column centered grid" style="width:100%; height:400px;"></canvas>-->
            </div>
            <button class="fluid ui button primary" ng-click="clear()" style="margin-top: 100px">Reset Statistic Information</button>
        </div>
    </div>
    <div class="five wide column">
        <div class="ui one wide column " >
            <div class = "ui one column centered grid">
                <!--<h4 class="ui column center aligned">数据展示3</h4>-->
                <div id = "inconsistent" style="width:100%; height:400px;">
                </div>
                <!--<canvas class="ui one column centered grid" style="width:100%; height:400px;"></canvas>-->
            </div>
        </div>
    </div>
</div>


<!--
<div class="ui one wide column" style="margin-top: 50px">
    <button class="fluid ui button primary" ng-click="clear()">重新开始统计</button>
</div>
-->
